import { LoadingOutlined } from '@ant-design/icons';
import { Divider } from 'antd';

const LoadMore: React.FC = () => {
  return (
    <div
      style={{
        display: 'flex',
        flexDirection: 'column',
        justifyContent: 'center',
        width: '100%',
        height: '35px',
      }}
    >
      <Divider style={{ margin: '0' }} />
      <div
        style={{
          display: 'flex',
          flexDirection: 'row',
          alignItems: 'center',
          justifyContent: 'center',
          width: '100%',
          height: '35px',
        }}
      >
        <LoadingOutlined style={{ marginRight: '5px', color: 'rgba(51, 51, 51, 0.5)' }} />
        <div style={{ color: 'rgba(62, 67, 82, 0.5)', fontSize: '11px' }}>正在加载更多</div>
      </div>
    </div>
  );
};

export default LoadMore;
